	

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
	function regresarListado(){
		loadPage("listadoOfertas.html");		
	}

	function regresarListOfertas(p_oper, p_co_oferta){
		//alert(p_oper);
		//alert(p_co_oferta);
		if(fValida()){
			var fecIni = $('#txt_FechaInicio').val() ;
			var fecFin = $('#txt_FechaFinal').val();
			var descripcion = $('#txt_Descripcion').val();
			var co_servicio = $('#cbo_Servicio').val();
			var Fl_activo = $('#cbo_Estado').val();
			var vcbo_Ubi = $('#cbo_Ubi').val();
			loadPage("listadoOfertasPost.html",
						{p_oper : p_oper,
							p_co_oferta : p_co_oferta,
							fecIni : fecIni,
							fecFin : fecFin,
							descripcion : descripcion,
							co_servicio : co_servicio,
							Fl_activo : Fl_activo,
							cbo_Ubi : vcbo_Ubi
						});
		}
	}
	
	function isEmpty(str){
		if(str.length == 0){
			return true;
		}
		return false;
	}
	
	function fValida(){
		var fecIni = $('#txt_FechaInicio').val() ;
		var fecFin = $('#txt_FechaFinal').val();
		var descripcion = $('#txt_Descripcion').val();
		var co_servicio = $('#cbo_Servicio').val();
		var Fl_activo = $('#cbo_Estado').val();
		
		if(isEmpty(descripcion)){
			alert("Debe ingresar el campo Descripcion");
			return false;
		} else if(isEmpty(fecIni)){
			alert("Debe ingresar la fecha de inicio de la oferta.");
			return false;
		} else if(isEmpty(fecFin)){
			alert("Debe ingresar la fecha de fin de la oferta.");
			return false;
		} else if(isEmpty(co_servicio)){
			alert("Debe seleccionar el servicio.");
			return false;
		} else if(isEmpty(Fl_activo)){
			alert("Debe seleccionar el estado del registro.");
			return false;
		}
		return true;
	}
	
	function fValidaFecha(obj){
		var fecha = obj.value;
		if(fecha.length > 0){
			if(!isDate(fecha)){
				obj.value = "";				
		        alert("Formato de fecha incorrecto");
		        obj.focus();
		    }
		}		
	} 
	
	function isDate(dtStr){
		var dtCh= "/";
	    var minYear=1900;
	    var maxYear=2100;
	    
        var daysInMonth = DaysArray(12);
        var pos1=dtStr.indexOf(dtCh);
        var pos2=dtStr.indexOf(dtCh,pos1+1);
        var strDay=dtStr.substring(0,pos1);
        var strMonth=dtStr.substring(pos1+1,pos2);
        var strYear=dtStr.substring(pos2+1);
        strYr=strYear;
        if (strDay.charAt(0)=="0" && strDay.length>1) strDay=strDay.substring(1);
        if (strMonth.charAt(0)=="0" && strMonth.length>1) strMonth=strMonth.substring(1);
        for (var i = 1; i <= 3; i++) {
            if (strYr.charAt(0)=="0" && strYr.length>1) strYr=strYr.substring(1);
        }
        month=parseInt(strMonth);
        day=parseInt(strDay);
        year=parseInt(strYr);
        if (pos1==-1 || pos2==-1){
            return false;
        }
        if (strMonth.length<1 || month<1 || month>12){
            return false;
        }
        if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){
            return false;
        }
        if (strYear.length != 4 || year==0 || year<minYear || year>maxYear){
            return false;
        }
        if (dtStr.indexOf(dtCh,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr, dtCh))==false){
            return false;
        }
        return true;
    }
	
	function isInteger(s){
        var i;
        for (i = 0; i < s.length; i++){
            var c = s.charAt(i);
            if (((c < "0") || (c > "9"))) return false;
        }
        return true;
    }
    function stripCharsInBag(s, bag){
        var i;
        var returnString = "";
        for (i = 0; i < s.length; i++){
            var c = s.charAt(i);
            if (bag.indexOf(c) == -1) returnString += c;
        }
        return returnString;
    }
    function daysInFebruary (year){
        return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
    }
    function DaysArray(n) {
        for (var i = 1; i <= n; i++) {
            this[i] = 31;
            if (i==4 || i==6 || i==9 || i==11) {this[i] = 30;}
            if (i==2) {this[i] = 29;}
        }
        return this;
    }
    
    function isNumberKey(evt)
    {
	    var charCode = (evt.which) ? evt.which : event.keyCode
	    if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 47){
	    	return false;
	    }
	     
	    return true;
    }
	
	
	   
	
</script>

</head>
<body>
<!--  <form id ="frm_MantOfer" name="frm_MantOfer" action="listarResponsable" method="POST"> -->
		<table style="width: 100%;">
			<tr>
				<td colspan="3" style="text-align:center;">
					Mantenimiento Oferta 
					<%
					//String p_indicador = request.getParameter("p_indicador");
					//String co_oferta = request.getParameter("co_oferta");
					
					//if(p_indicador == null){
						//p_indicador = "1";
					//}
					
					//if(co_oferta == null){
						//co_oferta = "0";
					//}
					
					
					%>
				</td>
				
			</tr>
			<tr>
				<td>				
					<c:forEach items="${olstOferta}" var="oOfer" varStatus="i">
						<tr>
							<tr>
				<td>Codigo Oferta:</td>
				<td><input id="txt_Numero_Oferta" name="txt_Numero_Oferta" value="${oOfer.getInt_co_oferta() == 0 ? '' : oOfer.getInt_co_oferta()}"
					type="text" disabled/></td>
				<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Descripcion:</td>
					<td><input id="txt_Descripcion" name="txt_Descripcion" value="${oOfer.getNo_descripcion()}"
						type="text" />
						</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Fecha Inicio:</td>
					<td><input id="txt_FechaInicio" name="txt_FechaInicio" value="${oOfer.getFe_inicio()}" onkeypress="return isNumberKey(event);"
						type="text" onblur="fValidaFecha(this);" /></td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Fecha Final:</td>
					<td><input id="txt_FechaFinal" name="txt_FechaFinal" value="${oOfer.getFe_final()}" onkeypress="return isNumberKey(event);"
						type="text" onblur="fValidaFecha(this);" /></td>
					<td>&nbsp;</td>
				</tr>
				
				<tr>
					<td>Servicio:</td>
					<td>
						<select id="cbo_Servicio" name="cbo_Servicio">
							
							<c:forEach items="${olstServicio }" var="oServ" >
								<option value="${oServ.getIdService()}" 
										${oServ.getIdService() == oOfer.getInt_co_servicio() ? 'SELECTED' : '' }	>
									${oServ.getName()}
								</option>
							</c:forEach>
						</select>
						</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Estado:</td>
					<td>
						<select id="cbo_Estado" name="cbo_Estado">
							<option value="1" ${oOfer.getFl_activo() == '1' ? 'SELECTED' : '' }>Activo</option>
							<option value="0" ${oOfer.getFl_activo() == '0' ? 'SELECTED' : '' }>Inactivo</option>							
						</select>
					</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>Ubicacion:</td>
					<td>
						<select id="cbo_Ubi" name="cbo_Ubi">
							<option value="0" ${oOfer.getNo_ubic_page() == '1' ? 'SELECTED' : '' }>Superior</option>
							<option value="1" ${oOfer.getNo_ubic_page() == '2' ? 'SELECTED' : '' }>Lateral Izquierda</option>							
							<option value="1" ${oOfer.getNo_ubic_page() == '3' ? 'SELECTED' : '' }>Lateral Derecha</option>
						</select>
					</td>
					<td>&nbsp;</td>
				</tr>
				
				<tr>
				<td>
					<input type="button" id="btn_Registrar" name="btn_Registrar" value="Guardar" class="btn btn-primary" 
						onclick="regresarListOfertas('${oOfer.getInt_co_oferta() == 0 ? 'nuevo' : 'editar'}',${oOfer.getInt_co_oferta() });"/>
				</td>
				<td>					
					<input type="button" id="btn_Cancelar" name="btn_Cancelar" value="Cancelar" class="btn btn-primary"  onclick="regresarListado();" />
				</td>
				<td></td>
			</tr>
						
					</c:forEach>
					
				</td>
			</tr>
			

			
		</table>
<!-- </form> -->
</body>
</html>